<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, user-scalable=no, width=device-width, minimum-scale=1, maximum-scale=1, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <!-- UC强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">

    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <title>firday</title>
    <link rel="shortcut icon" href="../../wx/images/favicon.ico">
    <link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../../wx/css/common.css">
</head>
<body>
<div class="WaitingIco">
    <div class="rect1"></div>
    <div class="rect2"></div>
    <div class="rect3"></div>
    <div class="rect4"></div>
    <div class="rect5"></div>
</div>

<div class="page-group native-scroll PcContainer product-info">
    <div class="page page-current" id="page_product_chapter">
        <header class="bar bar-nav friday-header">
            <img src="../../wx/images/logo/logo.png" class="L">
            <div class="R">快乐 亲子 全学科</div>
        </header>
        <div class="content native-scroll reading-chapter">
            <div class="chapter-info" id="page_product_chapter_info">
                <div class="card card-chapter">
                    <div class="card-content">
                        <!--章节标题-->
                        <div class="card-content-inner">
                            <p class="ArtH2">Key Sentences</p>
                        </div>

                        <!--章节音频-->
                        <div class="card-content audio-info">
                            <audio id="53067461-e133-a2b6-e5fb-2fca1cc4f446" width="100%" height="auto" preload="None" loop controls>
                                <source src="../../wx/media/default_audio.mp3" type="audio/mpeg">
                            </audio>
                        </div>
                        <!--章节内容图片-->
                        <div class="chapter-img">
                            <img src="../../wx/images/product/chapter.png" width="100%;">
                        </div>

                        <!--章节视频-->
                        <div class="card-content video-info">
                            <video id="e4c4d8eb-4133-a2b6-e643-f852bcaf085a" width="100%" height="180" poster="../../wx/images/product/default_video.png" preload="None" loop controls x5-video-player-type="h5" x5-video-player-fullscreen="true" webkit-playsinline="">
                                <source src="http://friday-college.b0.upaiyun.com/material/2016/12/16/friday/wx/img/x.mp4!friday" type="video/mp4">
                            </video>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script data-main="../../wx/js/main.js?v=1.0" src="../../wx/js/lib/require.min.js?v=1.0" data-pageId="reading" data-host="../../wx/" data-version="1.0"></script>
</body>
</html>